:root {
  /* 字体大小 */
  --hd--font-size-base: 14px;

  /*	全局scss变量，主要定义UI风格设计规范里的辅助色 */
  --hd--color-primary: #1f78ff; /* 用于重要级文字信息，需要特别强调和突出的文字、图标、按钮 */
  --hd--color-success: #36d158; /* 表示成功的操作提醒 */
  --hd--color-warning: #ffd323; /* 表示警告的操作提醒 */
  --hd--color-danger: #fb5454; /* 表示危险的操作提醒 */
  --hd--color-info: #ededed; /* 表示信息 */

  /* 图表中9个基本色 */
  --hd--color-blue: #5698fc; /* 蓝色 */
  --hd--color-green: #36d158; /* 绿色 */
  --hd--color-yellow: #ffd323; /* 黄色 */
  --hd--color-purple: #ba7cf8; /* 紫色 */
  --hd--color-red: #fb5454; /* 红色 */
  --hd--color-cobalt: #657798;/* 深蓝色 */
  --hd--color-orange: #ff9a46; /* 橙色 */
  --hd--color-cyan: #3ec8ff; /* 淡蓝色 */
  --hd--color-violet: #8273fe; /* 紫罗蓝 */

  /* 文字 */
  --hd--color-text-primary: #333; /* 主要文字。用于一级信息：页面标题，内容模块标题，重要数据文字 */
  --hd--color-text-regular: #666; /* 常规文字。用于二级信息，大部分正文内容 */
  --hd--color-text-secondary: #999; /* 次要文字。用于三级信息，辅助说明文字，图表坐标数据文字等 */
  --hd--color-text-placeholder: #bbb; /* 占位文字。用于次要辅助说明文字 */

  /* 页面背景色 */
  --hd--background-color-base: #f0f2f5;

  /* 区块背景色【统一所有区块都用白色背景】 */
  --hd--background-color-block: #fff;

  /* 部分区域背景色【例如标题栏】 */
  --hd--background-color-block-some: #e3e8ef;

  /* 曲角度数 */
  --hd--border-radius-base: 0;

  /* 边框色【统一所有带边框的都用一个色】 */
  --hd--border-color-base: #ddd;

  /* 禁用色-文字色【跟占位文字同个颜色】  */
  --hd--disabled-text-color: #bbb;
  --hd--disabled-text-color-40: #bbb6;

  /* 禁用色-边框色【跟边框同个颜色】   */
  --hd--disabled-border-color: #ddd;

  /* 禁用色-背景色  */
  --hd--disabled-bg-color: #ededed;

  /* 滚动条 */
  --hd--color-scrollbar: #d9d9d9;
  --hd--color-scrollbar-hover: #1f78ff;
  --hd--background-color-scrollbar: #e8e8e8;

  /* 表格 */
  --hd--color-table: #eef0f3;

  /* 表格百分比色，实际是百分之三十，不知道放哪个变量了 */
  --hd--color-table-50: #eef0f34d;

  /* tag背景色 */
  --hd--background-color-tag: #d9e8ff80;

  /* 百分比色值 */
  --hd--color-primary-10: #1f78ff1a;
  --hd--color-primary-20: #1f78ff33;
  --hd--color-primary-30: #1f78ff4d;
  --hd--color-primary-40: #1f78ff66;
  --hd--color-primary-50: #1f78ff80;
  --hd--color-primary-60: #1f78ff99;
  --hd--color-primary-70: #1f78ffb3;
  --hd--color-primary-80: #1f78ffcc;
  --hd--color-primary-90: #1f78ffe6;
  --hd--color-warning-20: #ffd32333;
  --hd--color-warning-30: #ffd3234d;
  --hd--color-warning-40: #ffd32366;
  --hd--color-danger-20: #fb545433;
  --hd--color-danger-30: #fb54544d;
  --hd--color-danger-40: #fb545466;
  --hd--color-info-20: #ededed33;
  --hd--color-info-40: #ededed66;
  --hd--color-info-60: #ededed99;
  --hd--color-blue-10: #5698fc1a;
  --hd--color-blue-20: #5698fc33;
  --hd--color-blue-40: #5698fc66;
  --hd--color-green-10: #36d1581a;
  --hd--color-green-20: #36d15833;
  --hd--color-green-40: #36d15866;
  --hd--color-yellow-10: #ffd3231a;
  --hd--color-yellow-40: #ffd32366;
  --hd--color-yellow-70: #ffd323b3;
  --hd--color-red-10: #fb54541a;
  --hd--color-red-20: #fb545433;
  --hd--color-red-40: #fb545466;
  --hd--color-red-70: #fb5454b3;
  --hd--color-orange-10: #ff9a461a;
  --hd--color-orange-20: #eeab7521;
  --hd--color-orange-40: #ff9a4666;
  --hd--color-cyan-20: #ba7cf833;
  --hd--color-cyan-40: #ba7cf866;
  --hd--color-table-30: #eef0f34d;

  /* ----以下变量在换肤主题没用到，只是保留了上个主题的变量---- */

  /* 亮色文字。用于一级信息：首页、导航等部分提亮文字 */
  --hd--color-text-light: #cffffa;
  --hd--border-color-other: #33373d; /* 弹窗等进一步交互出来的元素的边框 */

  /* 斜杠背景色 */
  --hd--color-text-secondary-20: #9993;
  --hd--color-text-placeholder-20: #6663;
  --hd--color-text-placeholder-70: #666666b3;
  --hd--color-text-light-10: #cffffa1a;
  --hd--color-text-light-20: #cffffa33;

  /* 边框百分比色 */
  --hd--border-color-other-80: #33373dcc;
  --hd--disabled-border-color-30: #3333334d;
  --hd--disabled-border-color-70: #333333b3;

  /* 悬停背景色 */
  --hd--background-color-hover: #252e36;

  /* 首页模块背景百分比色 */
  --hd--background-color-base-60: #1e222999;
  --hd--background-color-block-60: #171a1f99;
  --hd--background-color-block-80: #171a1fcc;
  --hd--background-color-other-60: #141e2699;
  --hd--background-color-other-80: #141e26cc;
  --hd--background-color-hover-70: #252e36b3;

  /** UI规范外的额外颜色 */
  --hd--color-light-blue: #00c4eb;/* 浅蓝色 */
  --hd--color-light-blue-20: #00c4eb33;
  --hd--color-light-blue-40: #00c4eb66;
  --hd--color-cancel: #606061;/* 取消状态颜色 */
  --hd--color-cancel-20: #60606133;
  --hd--color-cancel-40: #60606166;
}
